<template>
  <div class="order-init">
    <div class="no-login">
      <img src="https://img.yzcdn.cn/vant/cat.jpeg" alt="">
      <h5>您还没有订单哦</h5>
      <h5>新用户可领700元租车礼包</h5>
      <div @click="$router.push('/msite')">快去租车吧</div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'orderInit',
  data() {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
.order-init {
  width: 100%;
  height: $height*8;
  // 未登录的时候
  .no-login {
    height: $height*8;
    text-align: center;
    // background-color: rgb(236, 236, 236);
    img {
      width: $height*2;
      height: $height*2;
      margin-top: $height*2;
      margin-bottom: 10px;
    }
    h5 {
      font-size: 12px;
      font-weight: 400;
      color: #666;
      line-height: $height/2;
    }
    div {
      width: 100px;
      height: $height;
      line-height: $height;
      background-color: $color;
      border-radius: 20px;
      text-align: center;
      margin: 0 auto;
      color: #fff;
      margin-top: 20px;
      font-size: 14px;
    }
  }
}
</style>